.table {
    thead{
        background: var(--table-header-color);
        color: var(--font-hover-color);
    }
    tr:hover {
        color: var(--font-hover-color);
        background-color: var(--table-row-hover-color);
    }
}

.table-container {
    background: var(--table-container-color);
}

.table-container-header {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "a b";
    align-items: center;
    background: var(--table-body-color);
    .table-title {
        grid-area: a;
        padding: 8px 15px;
        color: var(--font-label-color);
    }
    .table-actions{
        grid-area: b;
    }
}

.table-header{
    th{
        text-align: center!important;
    }
}
.table-body{
    background: var(--table-body-color);
    tr:hover{
        background-color: var(--table-row-hover-color);
    }
    td{
        text-align: center;
    }
}

.table-row-actions {
    display: grid;
    grid-auto-flow: column;
    /* autoprefixer: off */
    grid-column-gap: 5px;
}

.table-bordered{
    border: 1px solid var(--table-border-color);
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid var(--table-border-color);
}

.tr-selected {
    background: var(--table-header-color);
}

.ant-table {
    color: var(--font-primary-color);
}

.ant-table-small{
    border: 0;
}

.ant-table-thead {
    background-color: var(--table-header-color) !important;
}

.ant-table-header {
    background: var(--table-header-color);
}

.ant-table-small > .ant-table-content .ant-table-header {
    background-color: var(--table-header-color);
}

.ant-table-thead > tr > th.ant-table-column-sort {
    background: var(--table-header-color);
}

.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
    background: var(--table-body-color);
}

.ant-table-thead > tr > th {
    color: var(--font-primary-color);
    background: var(--table-header-color);
    border-bottom: 1px solid var(--table-border-color);
}

.ant-table-tbody > tr > td {
    border-bottom: 1px solid var(--table-border-color);
    background: var(--table-body-color);
}

.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
    background: var(--table-row-hover-color);
}

.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
    background: var(--table-row-hover-color);
}

.ant-empty-normal{
    color: var(--font-primary-color);
}

.ant-table-placeholder {
    color: var(--font-primary-color);
    background: var(--table-body-color);
    border-top: 1px solid var(--table-border-color);
    border-bottom: 1px solid var(--table-border-color);
}

.ant-table-td-left-sticky, .ant-table-td-right-sticky{
    background: var(--table-body-color);
}

.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th{
    border-bottom: 1px solid var(--table-border-color)
}

.ant-table-bordered .ant-table-thead > tr > th, .ant-table-bordered .ant-table-tbody > tr > td {
    border-right: 1px solid var(--table-border-color);
}

.ant-table-bordered .ant-table-header > table, .ant-table-bordered .ant-table-body > table, .ant-table-bordered .ant-table-fixed-left table, .ant-table-bordered .ant-table-fixed-right table {
    border: 1px solid var(--table-border-color);
}


.ant-pagination{
    color: var(--font-input-color);
}

.ant-pagination-item:focus, .ant-pagination-item:hover {
    border-color: var(--border-active-color);
}

.ant-pagination-item:focus a, .ant-pagination-item:hover a {
    color: var(--border-active-color);
}

.ant-pagination-prev:focus .ant-pagination-item-link, .ant-pagination-next:focus .ant-pagination-item-link, .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link {
    color: var(--border-active-color);
    border-color: var(--border-active-color);
}

.ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next {
    color: var(--font-input-color);
}

.ant-pagination-item-active {
    background: var(--input-bg-color);
    border-color: var(--border-active-color);
}

.ant-pagination-item {
    background-color: var(--input-bg-color);
    border: 1px solid var(--border-primary-color);
}

.ant-pagination-item a {
    color: var(--font-primary-color);
}

.ant-pagination-item-active a {
    color: var(--font-hover-color);
}

.ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a {
    color: var(--font-hover-color);
}

.ant-pagination-disabled a, .ant-pagination-disabled:hover a, .ant-pagination-disabled:focus a, .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link {
    color: var(--font-disabled-color);
    border-color: var(--border-primary-color);
}
.ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link {
    background-color: var(--input-bg-color);
    border: 1px solid var(--border-primary-color);
}
.ant-pagination-prev a, .ant-pagination-next a {
    color: var(--font-primary-color);
}

.ant-pagination-options-quick-jumper input {
    color: var(--font-primary-color);
    background-color: var(--input-bg-color);
    border: 1px solid var(--border-primary-color);
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
    color: var(--font-primary-color);
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon, .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
    color: var(--font-primary-color);
}


.ant-table-row-expand-icon{
    background-color: transparent;
    &:hover{
        color: var(--font-hover-color);
    }
}

.anticon {
    color: var(--font-primary-color);
}
